<style lang="less" scoped>
.content {
  margin: 10px;
  padding: 10px;
  background: white;
}
.title {
  font-size: 16px;
  text-align: center;
}
.txt {
  font-size: 14px;
  margin-top: 10px;
}

.indent {
  text-indent: 2em;
}
.b {
  font-weight: bolder;
}
.btn {
  margin-top: 30px;
}
</style>
<style lang="less">
.protocol {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
</style>

<template>
    <div class="protocol">
        <div class="content">
            <h3 class="title">
                查询数据解析协议书
            </h3>
            <p class="txt">深圳市中安信业创业投资有限公司</p>
            <p class="txt indent">
                本人asdfkadfjladjfaljdflajds;fajldfjadfjalfjkajsfla都是拉飞机拉的说法都是风景拉水电费
            </p>
            <p class="txt indent b">
                本人申明
            </p>
            <x-button class="btn" :show-loading="false" :gradients="['#1D62F0', '#19D5FD']" @click.native="confirm">确认</x-button>
        </div>

    </div>
</template>
<script>
import { XButton } from 'vux';
export default {
  components: {
    XButton
  },
  methods: {
    confirm() {
      this.$emit('hideProtocol');
    }
  }
};
</script>

